<template>
    <y-layout title="Button">
        <y-button-group class="demo-pitch">

            <y-button type="primary" size="mini">mini</y-button>
            <y-button type="primary" size="mini" loading>mini</y-button>
            <y-button type="danger" size="mini">mini</y-button>
            <y-button type="warning" size="mini">mini</y-button>
            <y-button type="default" size="mini">mini</y-button>

            <div style="height: .5rem;"></div>

            <y-button type="primary">primary</y-button>
            <y-button type="primary" loading>loading</y-button>
            <y-button type="danger">danger</y-button>
            <y-button type="warning">warning</y-button>
            <y-button type="default">default</y-button>

            <y-button size="large" type="primary">primary</y-button>
            <y-button size="large" type="primary" loading loading-txt="提交中请稍后...">loading</y-button>
            <y-button size="large" type="danger">danger</y-button>
            <y-button size="large" type="warning">warning</y-button>
            <y-button size="large" type="disabled" disabled>disabled</y-button>
            <y-button size="large" type="default">default</y-button>

            <y-button size="large" type="primary" shape="circle">shape="circle"</y-button>
            <y-button size="large" type="default" shape="circle">shape="circle"</y-button>
        </y-button-group>

    </y-layout>
</template>
